在网站设计过程中，如果网站的规模很大，有很多网页，那么进行网页相关模块的管理是一件非常繁琐的事情。例如，网站的首部、尾部信息，如果需要修改，就需要修改网站中所有网页的相关内容。
本章将介绍的网页的模板技术，就是使用文件共享或模块共享的方法，使不同的网页公用某一模块，从而使网站能够更好地使用某些公共模块。对这一模块进行编辑时，可以同时更改网页中所有使用了这个模块的网页，这种方法可以极大地简化开发过程。Dreamweaver CS6取消了框架页模板，读者可以注意这个改变。
网页中有很多相同的部分。例如，每一页都会有导航条、Logo、 版权栏等内容，这些内容在所有的网页中都相同。但是在进行网站设计时，网页的数目可能非常多，在进行这些相同的信息修改时就会修改所有的网站，这将是一件繁琐的工作。网页模板就是把网页的这些完全相同的部分做成-一个公用模板网页。完成模板以后，工作时只需要在模板的基础上修改网页中不同的部分，而在具体网页中，模板内容是不可以更改的。在更改模板时可以一次性完成对这些相同内容的更改，这就极大地方便了网站的设计。
1、创建库项目
在网页设计时，可以把相关的内容做成一个公用模块，作为这个工程的资源。在工程中，这个公用的资源就是库项目。在网页设计时，可以直接调用这个库项目。当对库项目进行修改时，会对整个站点中所有使用这个库项目的网页进行修改。库项目是相对于一个站点的，所以需要使用库项目时，则要先建立-一个站点。选择-一个工作站点,并在工作站点中使用库项目。
(1)在Dreamweaver中可以很方便地使用库项目。选择“文件”|“新建”命令，在弹出的“新建文档”对话框中选择“空白页”选项，然后在“页面类型”列表中选择“库项目”选项。单击“创建”按钮，创建一个库项目。
(2)编辑库项目的内容。新建库项目以后，可以在库项目中编辑内容。库项目的编辑与网页的编辑是完全相同的，只是不使用网页中的<head>、<body> 等标签。在编辑库项目时，需要考虑调用这个库项目的网页版式，在库项目中合理地进行布局与排版。如图13-2所示，在网页中插入一个1行2列的表格，在每个单元格中插入一-张图片，然后选择“文件”|“保存” 命令，保存这个库项目网页，所编辑的库项目网页就可以作为一个整体，插入到需要使用这些内容的网页中。
(3)库项目管理器。选择“窗口”|“资源”命令，打开“资源”面板。在“资源”面板中单击“库”按钮，可以查看站点资源中的库项目，如图13-3所示。在站点的资源中，可以把库项目看作是一个组件，被站点中的网页调用。选择一个库项目，可以在预览区预览这个库项目的内容。
(4)库项目的使用。建立库项目以后，当网页中需要这个库项目元素时，只需要在“资源"面板中把这个库项目拖到网页中。或者选择了库项目以后，单击“插入”按钮。这样，整个站点中的所有元素会把这个库项目作为一个整体来处理。.
(5)当库项目更改时，选择“文件”|“保存”命令，保存对库的修改。之后选择“修改”|“库”|，“更新页面”命令，弹出“更新页面”对话框，如图13-5所示。在“查看”下拉列表框中选择“整个站点”选项和需要更新的站点名称，单击“开始”按钮，Dreamweaver CS6会自动更新站点中所有使用了库项目的网页。
(6)关于库项目的代码。库项目实际上是Dreamweaver将站点中一部分经常使用的内容封装成的一个文件。网页中调用库项目内容时，将这个文件中的内容放到网页的代码中，并且以一个HTML注释在网页中作出标记。例如，下面的网页就是用<!-- #BeginLibraryItem "/pic.lbi" --> 开始库项目的标记，以<!-- #EndLibraryItem -->结束库项目的标记。库项目更新时，再自动替换工程中所有的标记中库项目的代码，实现站点中所有网页的库项目更新。库项目方法可以把网站中的很多内容作为独立的模块进行编辑，编辑--~个模块以后可以实现对整个网站的更新。这样可以在网页开发时，对网站中多次使用的内容作为独立模块来处理，从而大大地提高开发效率。
2、创建模板
库项目可以实现把-一个模块作为对象进行开发。Dreamweaver也可以设计出一个可以供站点中所有网页进行调用的公共网页，其他网页的编辑可以在这个公共网页的基础上进行，这就是模板。整个网站中的网页，常常具有完全相同的布局与样式。可以把这种布局与样式作为-一个模板，只需要更改模板以外网页不同的内容，即可新建一个网页。对模板进行编辑以后，可以更新网站中所有的网页，这就是模板的功能。
(1) Dreamweaver可以很方便地建立网站模板，网页的模板必须在站点中进行，需要选择所建立的站点作为工作站点。选择“文件”|“新建” 命令，将显示如图13-6所示的对话框。选择“空模板”选项，在“模板类型”列表中选择“HTML模板”选项，在显示的“布局”列表中选择一个布局，单击“创建”按钮，创建一个模板网页。
(2)插入模板对象。创建模板页以后需要使用模板工具向模板页中插入模板对象，DreamweaverCS6的模板工具。单击一个模板对象工具即可在模板网页中插入-一个模板对象。Dreamweaver CS6中有以下几种模板对象。
创建模板: 创建一个网页或模板页以后，模板即可保存为一个模板网页。一个普通网页只要插入了模板对象就可以创建-一个模板。
创建嵌套模板:一个网页使用了模板以后，如果再插入其他模板对象，即可创建嵌套模板。
可编辑区域:模板的一个区域，使用这个模板的网页可以对这个区域进行编辑。
可选区域:使用这个模板的网页可以选择是否使用这个区域的内容。
重复区域: 使用这个模板的网页可以一次或多次使用模板这个区域的内容。
可编辑的可选区域:网页可以选择是否使用这个区域的内容，并且可以编辑这个区域。
重复表格: 网页可以重复使用这个表格中已有的行。
(3)网页中除了这些可以插入的模板对象之外，其他内容都是模板中的静态内容。插入到模板中以后是不能选择或更改的。当模板中的内容进行编辑以后，会自动更新站点中所有使用了这个模板的
网页，网站中不变的内容都可以制作成模板中的静态内容。
3、创建可编辑区域
所谓可编辑区域，指的是模板网页插入的一块可供使用模板的网页编辑的区域。使用模板的网页,.可以在模板网页预留的可编辑区域中编辑内容。在设计视图中单击需要插入可编辑区域的位置，然后选择“插入”|"“模板对象”|“可编辑区域”命令，即可在网页中插入一个可编辑区域的模板对象。
模板对象的标记是以HTML注释标记实现的。可编辑区域以TemplateBeginEditable 开始，以TemplateEndEditable结束。命名的标记是name="EditRegion2"，其中两个注释标记之间的内容就是模板中的可编辑区域。
4、创建其他模板区域
同可编辑区域- -样，在模板网页中可以同创建可编辑区域一样创建其他模板区域。模板中的可选.择区域、重复区域、可编辑可选择区域等内容，灵活地插入到网页模板以后，可以极大地方便网页的开发。
